// 登录功能
// 找到表单,注册submit事件 -- 阻止默认行为 -- 收集表单数据(查询字符串格式) -- Ajax提交
$('.login form').on('submit', function (e) {
    // 阻止默认行为
    e.preventDefault();
    var data = $(this).serializeArray();  //得到一个数组,jQuery会把数组转成查询字符串
    // console.log(data);
    $.ajax({
        type: 'POST',
        url: 'http://www.itcbc.com:8080/api/login',
        data: data,
        // 请求成功后,触发下面的success
        success: function (res) {
            console.log(res);
            // 无论成功, 还是失败, 都有提示
            layer.msg(res.message);


            if (res.status === 0) {
                // 先保存token,然后再跳转,登录成功后,马上把token保存到本地存储中
                localStorage.setItem('token', res.token);
                // 跳转到 类别页面 category.html(路径和使用js的html页面有关系,与js文件没有关系)
                location.href = './category.html';
            }

        },
        // 失败后触发
        error: function (xhr) {
            // console.log(xhr);
            var res = xhr.responseJSON;
            if (res && res.status === 1) {
                layer.msg(res.message);
            }
        },
        // 选项中还有beforeSend(请求之前触发); complete(请求完成后触发,完成包括成功和失败)

    });

});